/*首页*/
.index-page,.index-page a{color:#fff}
.index-page .menu{position:fixed;top:0;left:6rem;height:100%;display:flex;flex-direction:column;justify-content:center;z-index:999}
.index-page .menu .line{width:1px;height:calc(50% - 25rem);background:rgba(255,255,255,.1)}
.index-page .menu li{position:relative;height:10rem;padding:4px 0 0 2rem}
.index-page .menu li::before{position:absolute;width:5px;height:5px;background:rgba(255,255,255,.1);top:10px;left:-2px;content:'';z-index:1000}
.index-page .menu li::after{position:absolute;width:1px;height:calc(100% - 25px);background:rgba(255,255,255,.1);top:25px;left:0;content:'';z-index:1000}
.index-page .menu li>span{display:none;font-size:1.4rem}
.index-page .menu li.active::before{background:#fff}
.index-page .menu li.active>span{display:block}

.index-page .banner{height:100%}
.index-page .banner .m{display:none;width:100%;height:100%}
.index-page .banner .swiper-slide{position:relative;}
.index-page .banner #video{object-fit:cover;width:100%;}
.index-page .banner .gif{display:none;width:100%;height:100%}
.index-page .banner .img{width:100%;}
.index-page .banner .info{position:absolute;top:50%;left:50%;transform:translateX(-50%);color:#fff;transition:1s}
.index-page .banner .info.active{top:35%}
.index-page .banner .name{font-size:4.8rem;font-weight:bold;line-height: 5.8rem;margin-bottom: 7.5rem;}
.index-page .banner .note{font-size:3.8rem;line-height: 4.8rem;}
.index-page .banner .btn{padding:1.8rem 9rem 1.8rem 5rem;border-radius:5rem;display:inline-block;background:url(../images/arrow.png) no-repeat 75% center/1.8rem,linear-gradient(to right,#0987F9,#005AF7);font-size:1.6rem;}
.index-page .banner .swiper-pagination{bottom:4rem !important}
.index-page .banner .swiper-pagination-bullet{background:#fff;border-radius:50%;opacity:1;margin:0 2rem !important;width:.8rem;height:.8rem;}
.index-page .banner .swiper-pagination-bullet-active{position:relative;}
.index-page .banner .swiper-pagination-bullet-active:after{border-radius:50%;content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:1.5rem;border:1px #fff solid}

.index-page .about{height:100%;background:#063067 url(../images/index-bg.png) no-repeat center center/cover;}
.index-page .about .width{height:100%;background:url(../images/index-bg1.png) no-repeat right center;background-size:auto 100%;display:flex;align-items:center;justify-content:space-between}
.index-page .about .info{width:62%;padding-right:10%}
.index-page .about .info .name{font-size:4.8rem;font-weight:bold}
.index-page .about .info .sub-name{font-size:2.4rem;padding:2rem 0;border-bottom:1px solid;border-image:linear-gradient(90deg,#1F4B83 0%,#2465B3 100%) 2 2 2 2}
.index-page .about .info .note{margin:5rem 0 10rem;line-height:2.8rem;font-size:1.6rem}
.index-page .about .info .btn{padding:1.8rem 9rem 1.8rem 5rem;border-radius:5rem;display:inline-block;background:url(../images/arrow.png) no-repeat 75% center/1.8rem,linear-gradient(to right,#0987F9,#005AF7);font-size:1.6rem;}
.index-page .about .num-animate{width:11%;padding-right:2%}
.index-page .about .num-animate .item{margin-bottom:7rem}
.index-page .about .num-animate .item:last-child{margin-bottom:0}
.index-page .about .num-animate .num{display:flex;align-items:center}
.index-page .about .num-animate .num>span:first-child{font-size:4.8rem;font-weight:bold}
.index-page .about .num-animate .num>span:last-child{margin-left:.5rem;font-size:1.8rem;color:#3191EC;font-weight:bold}
.index-page .about .num-animate .name{font-size:1.6rem;margin-top:1rem}
.index-page .about .ball{width:27%;}
.index-page .about .ball>img{width:100%;}

.index-page .plan{position:relative}
.index-page .plan .bg1{width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/index-bg3.png) no-repeat left center;background-size:auto 73%;z-index:1000}
.index-page .plan .bg2{width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/index-bg4.png) no-repeat center center;background-size:100% 100%;z-index:999}
.index-page .plan .pc .width{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:1001}
.index-page .plan .pc .circle-out{border-radius:50%;width:60rem;height:60rem;border:1.5rem solid rgba(255,255,255,.1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1002}
.index-page .plan .pc .circle-mid{border-radius:50%;width:60rem;height:60rem;border:.2rem dashed #1DBFD7;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1003}
.index-page .plan .pc .circle{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:63.5rem;height:63.5rem;z-index:1004}
.index-page .plan .pc .circle-in{stroke:#0A86F9;stroke-width:.3;fill:none;transform:rotate(-90deg);transform-origin:center;animation:circle-fill0 9s reverse linear infinite;animation-play-state:paused}
@keyframes circle-fill0{
    to{stroke-dasharray:0 100}
}
@keyframes circle-fill1{
    to{stroke-dasharray:25 100}
}
@keyframes circle-fill2{
    to{stroke-dasharray:50 100}
}
@keyframes circle-fill3{
    to{stroke-dasharray:75 100}
}
.index-page .plan .pc .tag{position:absolute;z-index:1005;width:8.5rem;height:8.5rem;background:#003B88;border-radius:50%;transform:translate(-50%,-50%);cursor:pointer}
.index-page .plan .pc .tag.active{background:linear-gradient(to right,#0A87F9,#015BF7);}
.index-page .plan .pc .tag.active::after{position:absolute;top:-.8rem;left:-.8rem;width:8.5rem;height:8.5rem;;border:.8rem solid rgba(255,255,255,.1);content:'';border-radius:50%;z-index:1006}
.index-page .plan .pc .tag.top{top:2rem;left:50%;}
.index-page .plan .pc .tag.right{right:-6rem;top:50%;}
.index-page .plan .pc .tag.bottom{bottom:-6rem;left:50%;}
.index-page .plan .pc .tag.left{left:2rem;top:50%;}
.index-page .plan .pc .tag .name{position:absolute;z-index:1005;font-size:1.6rem;transform:translate(-50%,-50%);width:20rem;text-align:center;opacity:.5}
.index-page .plan .pc .tag.active .name{opacity:1}
.index-page .plan .pc .tag.top .name{top:-3rem;left:50%;}
.index-page .plan .pc .tag.right .name{right:-28rem;top:50%;}
.index-page .plan .pc .tag.bottom .name{bottom:-5rem;left:50%;}
.index-page .plan .pc .tag.left .name{left:-8rem;top:50%;}
.index-page .plan .pc .tag .icon{width:100%;height:100%}
.index-page .plan .pc .con{display:none;width:41rem;height:24rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1005}
.index-page .plan .pc .con.top{display:block}
.index-page .plan .pc .con .info{display:flex;flex-direction:column;align-items:center}
.index-page .plan .pc .con .name{font-size:3.6rem;font-weight:bold;text-align:center;display:block !important}
.index-page .plan .pc .con .note{margin:2rem 0;height:6rem;line-height:2.8rem;font-size:1.6rem;text-align:center}
.index-page .plan .pc .con .btn{padding:1.8rem 9rem 1.8rem 5rem;border-radius:5rem;display:inline-block;background:linear-gradient(to right,#0987F9,#005AF7);font-size:1.6rem;position:relative}
.index-page .plan .pc .con .btn::after{position:absolute;width:1.8rem;height:.9rem;background:url(../images/arrow.png) no-repeat center center/1.8rem;top:50%;transform:translateY(-50%);right:4rem;content:''}
.index-page .plan .pc .num{position:absolute;top:calc(50% + 15rem);left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;z-index:1005;font-size:2rem;color:rgba(255,255,255,.5)}
.index-page .plan .pc .num>span{font-size:2.2rem;font-weight:bold;color:#fff;margin-right:1rem}
.index-page .plan .m{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001}
.index-page .plan .m .tit{font-size:3rem;margin-bottom:3rem;font-weight:bold}
.index-page .plan .m .swiper{background:#003B88;}
.index-page .plan .m .item{border-radius:.5rem;margin-bottom:2rem;padding:3rem}
.index-page .plan .m .name{display:flex;flex-direction:column;align-items:center;}
.index-page .plan .m .icon{width:3.7rem;height:3.6rem;margin-bottom:2rem}
.index-page .plan .m .name>span:last-child{font-size:2.2rem;text-align:center}
.index-page .plan .m .note{line-height:2.8rem;font-size:1.6rem;margin:2rem 0;}
.index-page .plan .m .btn{padding:1.5rem 7rem 1.5rem 3rem;border-radius:5rem;display:inline-block;background:linear-gradient(to right,#0987F9,#005AF7);position:relative}
.index-page .plan .m .btn::after{position:absolute;width:1.8rem;height:.9rem;background:url(../images/arrow.png) no-repeat center center/1.8rem;top:50%;transform:translateY(-50%);right:4rem;content:''}
.index-page .plan .m .swiper-wrapper{padding-bottom:0}
.index-page .plan .m .swiper-pagination-bullet-active{background:#21B6FD}

.index-page .dev{position:relative}
.index-page .dev .bg1{width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/index-bg5.png) no-repeat right center;background-size:auto 75%;z-index:1000}
.index-page .dev .bg2{width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/index-bg6.png) no-repeat center center;background-size:100% 100%;z-index:999}
.index-page .dev .width.pc{position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:1001;}
.index-page .dev .pc .tit{text-align:center}
.index-page .dev .pc .tit>span{font-size:4.8rem;font-weight:bold}
.index-page .dev .pc .tit>p{font-size:1.6rem;padding:2rem 0 5rem}
.index-page .dev .pc .con{display:flex;}
.index-page .dev .pc .item{width:calc(33.33% - 3.6rem);margin-right:5.4rem;background:rgba(0,90,247,.1);padding:10rem 6rem;border-radius:5rem 0 5rem 0;border:1px solid #1B4884;cursor:pointer}
.index-page .dev .pc .item:last-child{margin-right:0;}
.index-page .dev .pc .icon{width:6.5rem;height:5rem}
.index-page .dev .pc .name{padding:3rem 0;font-size:2.4rem;font-weight:bold}
.index-page .dev .pc .note{font-size:1.6rem;line-height:3rem;margin-bottom:6rem}
.index-page .dev .pc .btn{display:inline-block;position:relative}
.index-page .dev .pc .btn::after{position:absolute;width:1.5rem;height:.5rem;background:url(../images/arrow1.png) no-repeat center center/1.2rem;top:50%;transform:translateY(-50%);right:-3rem;content:''}
.index-page .dev .m{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001}
.index-page .dev .m .tit{text-align:center;}
.index-page .dev .m .tit>span{font-size:3rem;font-weight:bold}
.index-page .dev .m .tit>p{font-size:1.8rem;padding:2rem 0;line-height:3rem}
.index-page .dev .m .swiper-slide{background:#003B88;border-radius:.5rem;margin-bottom:2rem;padding:4rem 3rem}
.index-page .dev .m .name{display:flex;align-items:center;flex-direction:column}
.index-page .dev .m .icon{width:6.5rem;height:5rem;margin-bottom:2rem}
.index-page .dev .m .name>span:last-child{font-size:2.5rem}
.index-page .dev .m .note{line-height:2.8rem;font-size:1.6rem;margin:2rem 0;}
.index-page .dev .m .btn{padding:1.5rem 7rem 1.5rem 3rem;border-radius:5rem;display:inline-block;background:linear-gradient(to right,#0987F9,#005AF7);position:relative}
.index-page .dev .m .btn::after{position:absolute;width:1.8rem;height:.9rem;background:url(../images/arrow.png) no-repeat center center/1.8rem;top:50%;transform:translateY(-50%);right:4rem;content:''}
.index-page .dev .m .swiper-wrapper{padding-bottom:3rem}
.index-page .dev .m .swiper-pagination-bullet-active{background:#21B6FD}

.index-page .article{position:relative}
.index-page .article .bg1{width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/index-bg7.png) no-repeat left center;background-size:auto 75%;z-index:1000}
.index-page .article .bg2{width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/index-bg8.png) no-repeat center center;background-size:100% 100%;z-index:999}
.index-page .article .width.pc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;z-index:1001}
.index-page .article .pc .tit{display:flex;justify-content:space-between;align-items:flex-start}
.index-page .article .pc .tit>div{width:70%}
.index-page .article .pc .tit>div>span{font-size:4.8rem;font-weight:bold}
.index-page .article .pc .tit>div>p{font-size:1.6rem;padding:2rem 0 5rem}
.index-page .article .pc .tit .btn{padding:1.8rem 9rem 1.8rem 5rem;border-radius:5rem;display:inline-block;background:url(../images/arrow.png) no-repeat 75% center/1.8rem,linear-gradient(to right,#0987F9,#005AF7);font-size:1.6rem;}
.index-page .article .pc .con{display:flex;justify-content:space-between}
.index-page .article .pc .head{width:49%;position:relative;}
.index-page .article .pc .head .img_bg{border-radius:5rem 0 5rem 0}
.index-page .article .pc .head .img{width:100%;padding-bottom:68.5%;border-radius:5rem 0 5rem 0}
.index-page .article .pc .head .info{position:absolute;left:0;width:100%;bottom:0;padding:8rem 4rem 4rem;background:linear-gradient(to bottom,transparent 10%,#000 90%)}
.index-page .article .pc .head .name{font-size:2rem;font-weight:bold;margin-top:1rem}
.index-page .article .pc .best{width:48%;display:flex;flex-wrap:wrap;}
.index-page .article .pc .best .item{width:calc(50% - 1rem);background:#003B88;border:1px solid #174D93;display:flex;justify-content:center;flex-direction:column;padding:0 4rem}
.index-page .article .pc .best .item:nth-child(1){border-radius:2rem 0 0 0;margin-right:2rem;margin-bottom:2rem}
.index-page .article .pc .best .item:nth-child(2){border-radius:0 2rem 0 0;margin-bottom:2rem}
.index-page .article .pc .best .item:nth-child(3){border-radius:0 0 0 2rem;margin-right:2rem;}
.index-page .article .pc .best .item:nth-child(4){border-radius:0 0 2rem 0;}
.index-page .article .pc .best .time{font-weight:bold}
.index-page .article .pc .best .name{font-weight:bold;font-size:1.6rem;line-height:2.6rem;margin:1rem 0 2.5rem}
.index-page .article .pc .best .btn{width:9rem;position:relative}
.index-page .article .pc .best .btn::after{position:absolute;width:1.5rem;height:.5rem;background:url(../images/arrow1.png) no-repeat center center/1.2rem;top:50%;transform:translateY(-50%);right:0;content:''}
.index-page .article .m{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001}
.index-page .article .m .tit{text-align:center;margin-bottom:2rem}
.index-page .article .m .tit>span{font-size:3rem;font-weight:bold}
.index-page .article .m .tit>p{font-size:1.6rem;padding:1rem 0;line-height:3rem}
.index-page .article .m .swiper-slide{margin-bottom:3rem;position:relative}
.index-page .article .m .img_bg{border-radius:5rem 0 5rem 0}
.index-page .article .m .img{width:100%;padding-bottom:100%;border-radius:5rem 0 5rem 0}
.index-page .article .m .info{position:absolute;left:0;width:100%;bottom:0;padding:6rem 3rem 3rem;background:linear-gradient(to bottom,transparent 10%,#000 90%)}
.index-page .article .m .info .name{font-size:2rem;font-weight:bold;margin-top:1rem;line-height:2.8rem}
.index-page .article .m .swiper-wrapper{padding-bottom:3rem}
.index-page .article .m .swiper-pagination-bullet-active{background:#21B6FD}

@media (max-width:1720px){
    .index-page .menu{display:none}
}

@media (max-width:1000px){
    .index-page .banner .pc{display:none}
    .index-page .banner .m{display:block}
    .index-page .banner #video{display:none}
    .index-page .banner .gif{display:block}
    .index-page .banner .info{text-align:center !important}
    .index-page .banner .info.active{top:25%}
    .index-page .banner .name{font-size:2.5rem;line-height: 3.5rem;margin-bottom: 3rem;}
    .index-page .banner .note{font-size:1.8rem;line-height:2.8rem}
    .index-page .banner .btn{padding:1.5rem 7rem 1.5rem 3rem;font-size:1.4rem}
    
    .index-page .about .width{background:none;flex-direction:column;justify-content:center}
    .index-page .about .info{width:100%;padding-right:0}
    .index-page .about .info .name{font-size:3rem;}
    .index-page .about .info .sub-name{font-size:2rem;padding:1rem 0;border-image:linear-gradient(90deg,rgba(255,255,255,.2) 0%,#2465B3 100%) 2 2 2 2}
    .index-page .about .info .note{margin:2rem 0 3rem;}
    .index-page .about .info .btn{padding:1.5rem 7rem 1.5rem 3rem;font-size:1.4rem}
    .index-page .about .num-animate{width:100%;padding-right:0;display:flex;flex-wrap:wrap;margin-top:3rem}
    .index-page .about .num-animate .item{margin-bottom:2rem;width:50%;display:flex;flex-direction:column;align-items:center}
    .index-page .about .num-animate .item:nth-child(n+2){margin-bottom:0}
    .index-page .about .num-animate .num>span:first-child{font-size:3rem}
    .index-page .about .num-animate .num>span:last-child{font-size:1.8rem;}
    .index-page .about .num-animate .name{font-size:1.6rem;margin-top:1rem;text-align:center}
    .index-page .about .ball{display:none}
    
    .index-page .plan .bg1{background-size:100% auto;}
    .index-page .plan .pc{display:none}
    .index-page .plan .m{display:block}
    
    .index-page .dev .bg1{background-size:100% auto;}
    .index-page .dev .pc{display:none}
    .index-page .dev .m{display:block}
    
    .index-page .article .bg1{background-size:100% auto;}
    .index-page .article .pc{display:none}
    .index-page .article .m{display:block}
}

@media (any-hover:hover){
    .index-page .banner .btn:hover{background:url(../images/arrow.png) no-repeat 75% center/1.8rem,linear-gradient(to right,#005AF7,#0987F9)}
    
    .index-page .about .info .btn:hover{background:url(../images/arrow.png) no-repeat 75% center/1.8rem,linear-gradient(to right,#005AF7,#0987F9)}
    
    .index-page .plan .tag:hover{background:linear-gradient(to right,#0A87F9,#015BF7);}
    .index-page .plan .tag:hover::after{position:absolute;top:-.8rem;left:-.8rem;width:8.5rem;height:8.5rem;;border:.8rem solid rgba(255,255,255,.1);content:'';border-radius:50%;}
    .index-page .plan .tag:hover .name{opacity:1}
    .index-page .plan .con .btn:hover{background:linear-gradient(to right,#005AF7,#0987F9)}
    
    .index-page .dev .item:hover{background:linear-gradient(to right,#005AF7,#0987F9)}
    
    .index-page .article .tit .btn:hover{background:url(../images/arrow.png) no-repeat 75% center/1.8rem,linear-gradient(to right,#005AF7,#0987F9)}
    .index-page .article .best .item:hover{background:#005AF7;border:1px solid #174D93}
}

/*解决方案*/
.plan-page1 .box1{display:flex;justify-content:space-between;padding:7rem 0;align-items:center}
.plan-page1 .box1 .info{width:55%}
.plan-page1 .box1 .name{font-size:4.8rem;font-weight:bold;margin-bottom:3rem}
.plan-page1 .box1 .note{font-size:1.6rem;line-height:3rem}
.plan-page1 .box1 .img{height:33.8rem}
.plan-page1 .box2{background:linear-gradient(to right,#1E2E54,#223B74);height:57rem;position:relative}
.plan-page1 .box2 video{height:100%;width:100%;object-fit:cover}
.plan-page1 .box2 .width{position:absolute;top:0;left:50%;width:100%;height:100%;transform:translateX(-50%);display:flex;flex-direction:column;justify-content:center;}
.plan-page1 .box2 .con{height:21rem;}
.plan-page1 .box2 .con .item{display:none;}
.plan-page1 .box2 .con .item>div{display:flex;align-items:center;flex-direction:column}
.plan-page1 .box2 .con .icon_bg{border-radius:50%;background:linear-gradient(to right,#01B2FD,#0DD3C7);width:8rem;height:8rem;display:flex;justify-content:center;align-items:center}
.plan-page1 .box2 .con .icon{width:4rem;height:4rem;}
.plan-page1 .box2 .con .name{font-size:3rem;font-weight:bold;padding:3rem 0;text-align:center}
.plan-page1 .box2 .con .note{font-size:1.6rem;color:#fff;opacity:.8;height:7rem;overflow-y:hidden}
.plan-page1 .box2 .tag{margin-top:3rem;background:#fff;display:flex;}
.plan-page1 .box2 .tag .item{width:25%;padding:3rem 0;display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:1px solid #e2e2e2;cursor:pointer;border-bottom:.5rem solid #fff;transition:.5s}
.plan-page1 .box2 .tag .item.active{border-bottom:.5rem solid #06C2E2}
.plan-page1 .box2 .tag .icon_bg{border-radius:50%;border:1px solid #D2EFFB;width:6rem;height:6rem;display:flex;justify-content:center;align-items:center;margin-bottom:2rem}
.plan-page1 .box2 .tag .icon{width:3rem;height:3rem}
.plan-page1 .box2 .tag .name{font-size:2rem;text-align:center}
.plan-page1 .box3{padding:11rem 0}
.plan-page1 .box3 .tit{display:flex;flex-direction:column;align-items:center;}
.plan-page1 .box3 .tit .name{font-size:4.8rem;font-weight:bold}
.plan-page1 .box3 .tit .note{font-size:1.6rem;padding:2rem 0 4rem}
.plan-page1 .box3 .swiper-wrapper{display:flex;padding-bottom:5.5rem;}
.plan-page1 .box3 .swiper-slide{width:calc(33.33% - 2.6rem);}
.plan-page1 .box3 .img_bg{position:relative;border-radius:3rem 0 3rem 0}
.plan-page1 .box3 .img{width:100%;padding-bottom:75%;}
.plan-page1 .box3 .swiper .name{position:absolute;bottom:0;width:100%;left:0;padding:3rem;font-size:2rem;color:#fff;font-weight:bold;background:linear-gradient(to bottom,transparent,#052F64)}
.plan-page1 .box3 .swiper-pagination-progressbar{height:2px !important;bottom:0 !important;top:auto !important}
.plan-page1 .box3 .swiper-pagination-progressbar-fill{background:#00A2E9 !important}

@media (max-width:1000px){
    .plan-page1 .box1{display:block;padding:1rem 0}
    .plan-page1 .box1 .info{width:100% !important;margin-bottom:2rem}
    .plan-page1 .box1 .name{font-size:3rem;margin-bottom:2rem}
    .plan-page1 .box1 .img{height:auto;width:100%}
    
    .plan-page1 .box2 .width{width:calc(100% - 4rem);margin:0}
    .plan-page1 .box2 video{display:none}
    .plan-page1 .box2 .con .name{padding:1rem 0;font-size:2rem}
    .plan-page1 .box2 .con .note{text-align:center;line-height:2.4rem}
    .plan-page1 .box2 .tag{flex-wrap:wrap;margin-top:0}
    .plan-page1 .box2 .tag .item{width:50%;padding:2rem 0;display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:3px solid #e2e2e2;cursor:pointer;border-bottom:.5rem solid #fff;transition:.5s;border-bottom:3px solid #e2e2e2}
    .plan-page1 .box2 .tag .item:nth-child(2n){border-right:0}
    .plan-page1 .box2 .tag .item.active{border-bottom:3px solid #06C2E2}
    .plan-page1 .box2 .tag .icon_bg{margin-bottom:1rem}
    .plan-page1 .box2 .tag .name{font-size:1.6rem;}
    
    .plan-page1 .box3{padding:1rem 0}
    .plan-page1 .box3 .tit .name{font-size:3rem}
    .plan-page1 .box3 .tit .note{font-size:1.6rem;padding:2rem 0;text-align:center;line-height:2.8rem}
    .plan-page1 .box3 .swiper-wrapper{padding-bottom:3rem;}
}

.plan-page2 .tit{display:flex;flex-direction:column;align-items:center;}
.plan-page2 .tit .name{font-size:4.8rem;font-weight:bold;text-align:center}
.plan-page2 .tit .note{font-size:1.6rem;padding:2rem 0 4rem;line-height:2.8rem;text-align:center}
.plan-page2 .box1{padding:7rem 0 3rem}
.plan-page2 .box1 .info{display:flex;justify-content:space-between;margin-bottom:5rem;align-items:center}
.plan-page2 .box1 .txt{width:50%}
.plan-page2 .box1 .name{font-size:4.8rem;font-weight:bold;margin-bottom:3rem}
.plan-page2 .box1 .note{line-height:3rem;font-size:1.6rem;}
.plan-page2 .box1 .note>p{margin-bottom:2rem;line-height:3rem;font-size:1.6rem;}
.plan-page2 .box1 .info .img{height:36.4rem}
.plan-page2 .box1 li{margin-bottom:4rem}
.plan-page2 .box1 li>img{width:100%}
.plan-page2 .box2{position:relative;height:97.8rem}
.plan-page2 .box2 video{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover}
.plan-page2 .box2 .width{position:absolute;top:10rem;left:50%;transform:translateX(-50%);z-index:999}
.plan-page2 .box2 .tit .note{color:#fff}
.plan-page2 .box2 .m{display:none}
.plan-page2 .box3{padding:12rem 0}
.plan-page2 .box3 .con{display:flex;justify-content:space-between;margin-top:1rem}
.plan-page2 .box3 .item{width:33.33%;border-right:1px solid #ccc;display:flex;flex-direction:column;align-items:center;padding:0 8%}
.plan-page2 .box3 .item:last-child{border-right:0}
.plan-page2 .box3 .item .num{font-size:6rem;font-weight:bold;margin-bottom:1rem}
.plan-page2 .box3 .item .name{font-size:1.8rem;font-weight:bold;margin-bottom:1rem}
.plan-page2 .box3 .item .note{line-height:2.4rem;color:#666;text-align:center}
.plan-page2 .box4{background-image:url(../images/plan5.png);padding:12rem 0}
.plan-page2 .box4 .tit .note{color:#fff}
.plan-page2 .box4 .tag{position:relative;z-index:998;}
.plan-page2 .box4 .tag::before{content:'';position:absolute;width:100%;left:0;top:1rem;height:1px;background:rgba(255,255,255,.5)}
.plan-page2 .box4 .tag .swiper{width:90%}
.plan-page2 .box4 .tag .swiper-slide{cursor:pointer;color:#fff;font-size:2rem;text-align:center;padding-top:3rem;position:relative}
.plan-page2 .box4 .tag .swiper-slide::before{content:'';position:absolute;width:.5rem;height:.5rem;background:#000;border-radius:50%;left:50%;transform:translateX(-50%);top:.75rem;z-index:1000}
.plan-page2 .box4 .tag .swiper-slide::after{content:'';position:absolute;width:1.5rem;height:1.5rem;background:#fff;border-radius:50%;left:50%;transform:translateX(-50%);top:.25rem;z-index:999}
.plan-page2 .box4 .tag .swiper-slide-thumb-active::before{width:1rem;height:1rem;background:#08C7DB;top:.5rem;}
.plan-page2 .box4 .tag .swiper-slide-thumb-active::after{width:2rem;height:2rem;top:0}
.plan-page2 .box4 .tag .arrow{position:absolute;top:-1.5rem;width:5rem;height:5rem;background:#061B38 url(../images/arrow4.png) no-repeat center center/2rem;border:1px solid rgba(255,255,255,.5);border-radius:50%;z-index:1000;cursor:pointer}
.plan-page2 .box4 .tag .arrow.prev{left:0;transform:rotate(180deg)}
.plan-page2 .box4 .tag .arrow.next{right:0;}
.plan-page2 .box4 .con{margin-top:5rem}
.plan-page2 .box4 .con .swiper-slide{display:flex}
.plan-page2 .box4 .con .info{width:50%;color:#fff;display:flex;flex-direction:column;justify-content:center;padding-right:11%}
.plan-page2 .box4 .con .name{font-size:2.4rem;font-weight:bold;margin-bottom:1.5rem}
.plan-page2 .box4 .con .note{font-size:1.6rem;line-height:3rem;}
.plan-page2 .box4 .con .img_bg{width:50%;border-radius:5rem 0 5rem 0}
.plan-page2 .box4 .con .img{width:100%;padding-bottom:57.1%}
.plan-page2 .box5{padding:12rem 0;background:#F5F5F5}
.plan-page2 .box5 .con1{display:flex;margin-bottom:12rem}
.plan-page2 .box5 .con1 .item{width:calc(33.33% - 3rem);margin-right:4.5rem;background:#fff;border-radius:5rem 0 5rem 0;padding:3.5%;cursor:pointer}
.plan-page2 .box5 .con1 .item:last-child{margin-right:0}
.plan-page2 .box5 .con1 .name{font-size:2.4rem;font-weight:bold;margin-bottom:1.5rem}
.plan-page2 .box5 .con1 .note{font-size:1.6rem;line-height:3rem;color:#666}
.plan-page2 .box5 .con2{position:relative}
.plan-page2 .box5 .con2 .swiper-slide{padding:3% 3% 2%;background:#fff;cursor:pointer;}
.plan-page2 .box5 .con2 .icon_bg{background:#0053BF;width:8.5rem;height:8.5rem;margin:0 auto 1.5rem;border-radius:50%;display:flex;justify-content:center;align-items:center}
.plan-page2 .box5 .con2 .icon{width:3.4rem;height:3.9rem}
.plan-page2 .box5 .con2 .name{font-size:1.8rem;font-weight:bold;text-align:center;margin-bottom:.5rem}
.plan-page2 .box5 .con2 .note{font-size:1.4rem;color:#666;line-height:2.4rem;text-align:center}
.plan-page2 .box5 .con2 .arrow{position:absolute;top:50%;transform:translateY(-50%);width:5rem;height:5rem;border-radius:50%;background:url(../images/next.png) no-repeat center center/.9rem;border:1px solid #ccc;cursor:pointer}
.plan-page2 .box5 .con2 .arrow.prev{left:-8rem;transform:translateY(-50%) rotate(180deg)}
.plan-page2 .box5 .con2 .arrow.next{right:-8rem;}
.plan-page2 .box6{position:relative;height:96.8rem}
.plan-page2 .box6 video{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover}
.plan-page2 .box6 .width{position:absolute;top:10rem;left:50%;transform:translateX(-50%);z-index:999}
.plan-page2 .box6 .tit .note{color:#fff}
.plan-page2 .box6 .m{display:none}

@media (max-width:1000px){
    .plan-page2 .tit .name{font-size:2.8rem}
    .plan-page2 .tit .note{padding:1rem 0}
    .plan-page2 .box1{padding:0}
    .plan-page2 .box1 .info{display:block}
    .plan-page2 .box1 .txt{width:100%;margin-bottom:2rem}
    .plan-page2 .box1 .name{font-size:3rem;margin-bottom:2rem}
    .plan-page2 .box1 .note>p{margin-bottom:1rem}
    .plan-page2 .box1 .info .img{height:auto;width:100%}
    .plan-page2 .box1 li{margin-bottom:2rem}
    
    .plan-page2 .box2{background:#05224F;height:auto;padding:3rem 0}
    .plan-page2 .box2 video{display:none}
    .plan-page2 .box2 .width{position:static;transform:translateX(0);}
    .plan-page2 .box2 .m{display:block;}
    .plan-page2 .box2 .swiper{margin:0 2rem 3rem}
    .plan-page2 .box2 .swiper-wrapper{padding-bottom:3rem}
    .plan-page2 .box2 .swiper-slide{width:10rem}
    .plan-page2 .box2 .swiper-slide::after{content:'';position:absolute;width:1.8rem;height:100%;background:url(../images/plan20.png) no-repeat center center/1.8rem;right:-3.25rem;top:30%;transform:translateY(-50%)}
    .plan-page2 .box2 .swiper-slide:last-child::after{background:none}
    .plan-page2 .box2 .icon-bg{margin:0 auto;width:8rem;height:9.3rem;background:url(../images/plan19.png) no-repeat center center/8rem;display:flex;justify-content:center;align-items:center;position:relative}
    .plan-page2 .box2 .icon{width:4.7rem;height:4.7rem}
    .plan-page2 .box2 .m .name{height:5rem;color:#fff;margin-top:1rem;text-align:center;line-height:2.2rem}
    .plan-page2 .box2 .swiper-pagination-progressbar{height:2px !important;bottom:0 !important;top:auto !important}
    .plan-page2 .box2 .swiper-pagination-progressbar-fill{background:#00A2E9 !important}
    .plan-page2 .box2 .m .btn{width:calc(100% - 6rem);margin:0 auto;padding:1.5rem 0;background:linear-gradient(to right,#00b1ff,#0dd4c5);color:#fff;display:flex;justify-content:center;border-radius:5rem;font-size:1.6rem}
    
    .plan-page2 .box3{height:auto;padding:3rem 0 1rem}
    .plan-page2 .box3 .con{flex-wrap:wrap}
    .plan-page2 .box3 .item{border-right:0;width:50%;margin-bottom:3rem;padding:0 1rem}
    .plan-page2 .box3 .item:last-child{width:100%}
    .plan-page2 .box3 .item .num{font-size:4rem;margin-bottom:1rem}
    .plan-page2 .box3 .item .name{line-height:2.8rem}
    
    .plan-page2 .box4{padding:1rem 0}
    .plan-page2 .box4 .tit{margin-bottom:2rem}
    .plan-page2 .box4 .tag{position:relative;z-index:998;}
    .plan-page2 .box4 .tag .swiper-slide{font-size:1.6rem;}
    .plan-page2 .box4 .tag .arrow{top:-1rem;width:4rem;height:4rem;}
    .plan-page2 .box4 .con{margin-top:3rem}
    .plan-page2 .box4 .con .swiper-slide{display:block}
    .plan-page2 .box4 .con .info{width:100%;padding:0;margin-bottom:2rem}
    .plan-page2 .box4 .con .name{font-size:1.8rem;margin-bottom:1rem}
    .plan-page2 .box4 .con .note{font-size:1.4rem;line-height:2.4rem;}
    .plan-page2 .box4 .con .img_bg{width:100%;}
    .plan-page2 .box5{padding:1rem 0}
    .plan-page2 .box5 .con1{display:block;margin-bottom:3rem}
    .plan-page2 .box5 .con1 .item{width:100%;margin-right:0;padding:3rem;margin-bottom:2rem}
    .plan-page2 .box5 .con1 .name{font-size:1.8rem;;margin-bottom:1rem}
    .plan-page2 .box5 .con1 .note{font-size:1.4rem;line-height:2.4rem}
    .plan-page2 .box5 .con2 .swiper-slide{padding:3rem;}
    .plan-page2 .box5 .con2 .arrow{z-index:999;width:4rem;height:4rem;}
    .plan-page2 .box5 .con2 .arrow.prev{left:2rem}
    .plan-page2 .box5 .con2 .arrow.next{right:2rem;}
    
    .plan-page2 .box6{background:#05224F;height:auto;padding:3rem 0}
    .plan-page2 .box6 video{display:none}
    .plan-page2 .box6 .width{position:static;transform:translateX(0);}
    .plan-page2 .box6 .m{display:block;}
    .plan-page2 .box6 .swiper{margin:0 2rem 3rem;padding-bottom:2rem}
    .plan-page2 .box6 .swiper-wrapper{padding-bottom:3rem}
    .plan-page2 .box6 .swiper-slide{width:10rem}
    .plan-page2 .box6 .swiper-slide::after{content:'';position:absolute;width:1.8rem;height:100%;background:url(../images/plan20.png) no-repeat center center/1.8rem;right:-3.25rem;top:32%;transform:translateY(-50%)}
    .plan-page2 .box6 .swiper-slide:last-child::after{background:none}
    .plan-page2 .box6 .icon-bg{margin:0 auto;width:8.5rem;height:8.5rem;background:linear-gradient(to right,#00B2FF,#0DD0C3);display:flex;justify-content:center;align-items:center;position:relative;border-radius:50%}
    .plan-page2 .box6 .icon{width:4.7rem;height:4.7rem}
    .plan-page2 .box6 .m .name{height:5rem;color:#fff;margin-top:1rem;text-align:center;line-height:2.2rem}
    .plan-page2 .box6 .swiper-pagination-progressbar{height:2px !important;bottom:0 !important;top:auto !important}
    .plan-page2 .box6 .swiper-pagination-progressbar-fill{background:#00A2E9 !important}
}

@media (any-hover:hover){
    .plan-page2 .box4 .tag .arrow:hover{background:url(../images/arrow4.png) no-repeat center center/2rem,linear-gradient(to right,#00b1ff,#0dd4c5)}
    
    .plan-page2 .box5 .con1 .item:hover{background:linear-gradient(to right,#00b1ff,#0dd4c5);}
    .plan-page2 .box5 .con1 .item:hover .name{color:#fff}
    .plan-page2 .box5 .con1 .item:hover .note{color:#fff}
    .plan-page2 .box5 .con2 .swiper-slide:hover .icon_bg{background:linear-gradient(to right,#00b1ff,#0dd4c5)}
    .plan-page2 .box5 .con2 .arrow:hover{background:url(../images/next-white.png) no-repeat center center/.9rem,linear-gradient(to right,#00b1ff,#0dd4c5)}
}

.plan-page3 .tit{display:flex;flex-direction:column;align-items:center;}
.plan-page3 .tit .name{font-size:4.8rem;font-weight:bold}
.plan-page3 .tit .note{font-size:1.6rem;padding:2rem 0 4rem;text-align:center;line-height:2.8rem}
.plan-page3 .box1{padding:7rem 0 3rem}
.plan-page3 .box1 .info{display:flex;justify-content:space-between;margin-bottom:5rem;align-items:center}
.plan-page3 .box1 .txt{width:55%}
.plan-page3 .box1 .name{font-size:4.8rem;font-weight:bold;margin-bottom:3rem}
.plan-page3 .box1 .note{font-size:1.6rem;line-height:3rem}
.plan-page3 .box1 .note>p{margin-bottom:3rem}
.plan-page3 .box1 .info .img{height:38rem}
.plan-page3 .box1 li{margin-bottom:4rem}
.plan-page3 .box1 li>img{width:100%}
.plan-page3 .box2{background:#00214A url(../images/plan4.png) no-repeat center bottom;padding:33rem 0 6.5rem;height:56.6rem;position:relative}
.plan-page3 .box2 .con{position:absolute;top:8rem;left:50%;width:100%;height:21rem;transform:translateX(-50%)}
.plan-page3 .box2 .con .item{display:none;}
.plan-page3 .box2 .con .item>div{display:flex;align-items:center;flex-direction:column}
.plan-page3 .box2 .con .icon_bg{border-radius:50%;background:linear-gradient(to right,#01B2FD,#0DD3C7);width:8rem;height:8rem;display:flex;justify-content:center;align-items:center}
.plan-page3 .box2 .con .icon{width:3.3rem;height:3.3rem;}
.plan-page3 .box2 .con .name{font-size:3rem;font-weight:bold;padding:3rem 0;text-align:center}
.plan-page3 .box2 .con .note{font-size:1.6rem;color:#fff;opacity:.8}
.plan-page3 .box2 .tag{margin-top:1rem;background:#fff;display:flex}
.plan-page3 .box2 .tag .item{width:20%;padding:3rem 1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:1px solid #e2e2e2;cursor:pointer;border-bottom:.5rem solid #fff;transition:.5s}
.plan-page3 .box2 .tag .item.active{border-bottom:.5rem solid #06C2E2}
.plan-page3 .box2 .tag .icon_bg{border-radius:50%;border:1px solid #D2EFFB;width:6rem;height:6rem;display:flex;justify-content:center;align-items:center;margin-bottom:2rem}
.plan-page3 .box2 .tag .icon{width:3.3rem;height:3.3rem}
.plan-page3 .box2 .tag .name{font-size:2rem;text-align:center;height:4rem}
.plan-page3 .box3{padding:11rem 0}
.plan-page3 .box3 .tit{display:flex;flex-direction:column;align-items:center;}
.plan-page3 .box3 .swiper-wrapper{display:flex;padding-bottom:5.5rem;}
.plan-page3 .box3 .swiper-slide{width:calc(33.33% - 2.6rem);}
.plan-page3 .box3 .img_bg{position:relative;border-radius:3rem 0 3rem 0}
.plan-page3 .box3 .img{width:100%;padding-bottom:75%;}
.plan-page3 .box3 .swiper .name{position:absolute;bottom:0;width:100%;left:0;padding:3rem;font-size:2rem;color:#fff;font-weight:bold;background:linear-gradient(to bottom,transparent,#052F64)}
.plan-page3 .box3 .swiper-pagination-progressbar{height:2px !important;bottom:0 !important;top:auto !important}
.plan-page3 .box3 .swiper-pagination-progressbar-fill{background:#00A2E9 !important}

@media (max-width:1000px){
    .plan-page3 .tit .name{font-size:3rem}
    .plan-page3 .tit .note{padding:1rem 0}
    .plan-page3 .box1{padding:0}
    .plan-page3 .box1 .info{display:block;width:100%;margin-bottom:2rem}
    .plan-page3 .box1 .txt{width:100%;margin-bottom:2rem}
    .plan-page3 .box1 .name{font-size:3rem;margin-bottom:2rem}
    .plan-page3 .box1 .img{height:auto;width:100%}
    .plan-page3 .box1 li{margin-bottom:2rem}
    
    .plan-page3 .box2{background:#00214A;padding:3rem 0;height:auto;position:static}
    .plan-page3 .box2 .con{position:static;height:auto;transform:translateX(0)}
    .plan-page3 .box2 .con .name{padding:2rem 0}
    .plan-page3 .box2 .con .note{text-align:center;line-height:2.8rem}
    .plan-page3 .box2 .tag{flex-wrap:wrap}
    .plan-page3 .box2 .tag .item{width:50%;padding:3rem 0;display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:3px solid #e2e2e2;cursor:pointer;border-bottom:.5rem solid #fff;transition:.5s;border-bottom:3px solid #e2e2e2}
    .plan-page3 .box2 .tag .item:nth-child(n+5){width:100%}
    .plan-page3 .box2 .tag .item:nth-child(2n){border-right:0}
    .plan-page3 .box2 .tag .item.active{border-bottom:3px solid #06C2E2}
    .plan-page3 .box2 .tag .icon_bg{margin-bottom:1rem}
    .plan-page3 .box2 .tag .name{font-size:1.6rem;}
    
    .plan-page3 .box3{padding:1rem 0}
    .plan-page3 .box3 .swiper-wrapper{margin-top:3rem;padding-bottom:3rem;}
    .plan-page3 .box3 .swiper-slide{width:calc(33.33% - 2.6rem);}
    .plan-page3 .box3 .img_bg{position:relative;border-radius:3rem 0 3rem 0}
    .plan-page3 .box3 .img{width:100%;padding-bottom:75%;}
    .plan-page3 .box3 .swiper .name{position:absolute;bottom:0;width:100%;left:0;padding:3rem;font-size:2rem;color:#fff;font-weight:bold;background:linear-gradient(to bottom,transparent,#052F64)}
    .plan-page3 .box3 .swiper-pagination-progressbar{height:2px !important;bottom:0 !important;top:auto !important}
    .plan-page3 .box3 .swiper-pagination-progressbar-fill{background:#00A2E9 !important}
}

.plan-page4{padding:12rem 0}
.plan-page4 .tit-box{font-size:4.8rem;font-weight:bold;display:flex;justify-content:center}
.plan-page4 .con{padding:3rem 0}
.plan-page4 .con p{font-size:1.6rem;line-height:3rem;margin-bottom:3rem}
.plan-page4 .con img{max-width:100%;margin:3rem auto}
.plan-page4 .progress{display:flex;justify-content:space-between;overflow-x:auto;white-space:nowrap;}
.plan-page4 .progress .item{cursor:pointer;width:8.5rem}
.plan-page4 .progress .icon{width:8.5rem;height:8.5rem;border-radius:50%;border:1px solid #D0EEFB;transition:.3s}
.plan-page4 .progress .icon.rotate{transform:rotate(360deg)}
.plan-page4 .progress .name{font-size:1.8rem;text-align:center;margin-top:1.5rem}
.plan-page4 .progress .arrow{width:2.3rem;height:1rem;background:url(../images/arrow3.png) no-repeat center center/2.3rem;padding:0 2.5rem;margin:4.2rem 0}

@media (max-width:1000px){
    .plan-page4{padding:0}
    .plan-page4 .tit-box{font-size:3rem;}
    .plan-page4 .progress{padding-bottom:3rem}
}

/*研究院*/
.dev-page .tit{display:flex;align-items:center;flex-direction:column;}
.dev-page .tit .name{font-size:4.8rem;margin-bottom:2rem;text-align:center;font-weight:bold;}
.dev-page .tit .note{font-size:1.6rem;text-align:center;line-height:2.8rem}

.dev-page .box1{display:flex;flex-direction:column;align-items:center;padding:12rem 0;background:url(../images/dev1.png) no-repeat center bottom;background-size:100% auto}
.dev-page .box1 .detail{margin:3rem 0 5rem;text-align:center;font-size:1.6rem;color:#666;line-height:3rem}
.dev-page .box1 .btn{padding:1.8rem 8.5rem 1.8rem 4.5rem;background:url(../images/arrow.png) no-repeat 80% center/1.8rem,linear-gradient(to right,#00B1FE,#0DD4C5);display:inline-block;border-radius:5rem;font-size:1.6rem;color:#fff;}

.dev-page .box2{height:73.6rem;position:relative}
.dev-page .box2 .tit .note{color:#fff}
.dev-page .box2 video{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover}
.dev-page .box2 .width{position:absolute;top:12rem;left:50%;transform:translateX(-50%);z-index:999}
.dev-page .box2 .swiper{display:none}

.dev-page .box3{padding:12rem 0;background:#032857 url(../images/dev2.png) no-repeat center center/cover;position:relative;height:113.6rem}
.dev-page .box3 .tit .note{color:#fff}
.dev-page .box3 .pc .width{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:1001}
.dev-page .box3 .pc .circle-out{border-radius:50%;width:60rem;height:60rem;border:1.5rem solid rgba(255,255,255,.1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1002}
.dev-page .box3 .pc .circle-mid{border-radius:50%;width:60rem;height:60rem;border:.2rem dashed #1DBFD7;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1003}
.dev-page .box3 .pc .circle{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:63.5rem;height:63.5rem;z-index:1004}
.dev-page .box3 .pc .circle-in{stroke:#0A86F9;stroke-width:.3;fill:none;transform:rotate(-90deg);transform-origin:center;animation:circle-fill0 9s reverse linear infinite;animation-play-state:paused}
@keyframes circle-fill0{
    to{stroke-dasharray:0 100}
}
@keyframes circle-fill1{
    to{stroke-dasharray:25 100}
}
@keyframes circle-fill2{
    to{stroke-dasharray:50 100}
}
@keyframes circle-fill3{
    to{stroke-dasharray:75 100}
}
.dev-page .box3 .pc .tag{position:absolute;z-index:1005;width:8.5rem;height:8.5rem;background:#003B88;border-radius:50%;transform:translate(-50%,-50%);cursor:pointer}
.dev-page .box3 .pc .tag.active{background:linear-gradient(to right,#0A87F9,#015BF7);}
.dev-page .box3 .pc .tag.active::after{position:absolute;top:-.8rem;left:-.8rem;width:8.5rem;height:8.5rem;;border:.8rem solid rgba(255,255,255,.1);content:'';border-radius:50%;z-index:1006}
.dev-page .box3 .pc .tag.top{top:2rem;left:50%;}
.dev-page .box3 .pc .tag.right{right:-6rem;top:50%;}
.dev-page .box3 .pc .tag.bottom{bottom:-6rem;left:50%;}
.dev-page .box3 .pc .tag.left{left:2rem;top:50%;}
.dev-page .box3 .pc .tag .name{color:#fff;position:absolute;z-index:1005;font-size:1.8rem;transform:translate(-50%,-50%);width:20rem;text-align:center;opacity:.5}
.dev-page .box3 .pc .tag.active .name{opacity:1}
.dev-page .box3 .pc .tag.top .name{top:-3rem;left:50%;}
.dev-page .box3 .pc .tag.right .name{right:-30rem;top:50%;}
.dev-page .box3 .pc .tag.bottom .name{bottom:-5rem;left:50%;}
.dev-page .box3 .pc .tag.left .name{left:-10rem;top:50%;}
.dev-page .box3 .pc .tag .icon{width:100%;height:100%}
.dev-page .box3 .pc .con{display:none;width:41rem;height:24rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1005}
.dev-page .box3 .pc .con.top{display:block}
.dev-page .box3 .pc .con .info{display:flex;flex-direction:column;align-items:center}
.dev-page .box3 .pc .con .name{font-size:3.6rem;font-weight:bold;text-align:center;display:block !important}
.dev-page .box3 .pc .con .note{color:#fff;margin:2rem 0;line-height:2.8rem;font-size:1.6rem;text-align:center}
.dev-page .box3 .pc .con .btn{color:#fff;padding:1.8rem 9rem 1.8rem 5rem;border-radius:5rem;display:inline-block;background:linear-gradient(to right,#0987F9,#005AF7);font-size:1.6rem;position:relative}
.dev-page .box3 .pc .con .btn::after{position:absolute;width:1.8rem;height:.9rem;background:url(../images/arrow.png) no-repeat center center/1.8rem;top:50%;transform:translateY(-50%);right:4rem;content:''}
.dev-page .box3 .pc .num{position:absolute;top:calc(50% + 15rem);left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;z-index:1005;font-size:2rem;color:rgba(255,255,255,.5)}
.dev-page .box3 .pc .num>span{font-size:2.2rem;font-weight:bold;color:#fff;margin-right:1rem}
.dev-page .box3 .m{display:none;margin-top:2rem}
.dev-page .box3 .m .swiper{background:#003B88}
.dev-page .box3 .m .item{border-radius:.5rem;margin-bottom:2rem;padding:5rem 3rem}
.dev-page .box3 .m .name{display:flex;flex-direction:column;align-items:center;}
.dev-page .box3 .m .icon{width:3.7rem;height:3.6rem;margin-bottom:2rem}
.dev-page .box3 .m .name>span:last-child{font-size:2.2rem;text-align:center}
.dev-page .box3 .m .note{line-height:2.8rem;font-size:1.6rem;margin:2rem 0;color:#fff}
.dev-page .box3 .m .btn{color:#fff;padding:1.5rem 7rem 1.5rem 3rem;border-radius:5rem;display:inline-block;background:linear-gradient(to right,#0987F9,#005AF7);position:relative}
.dev-page .box3 .m .btn::after{position:absolute;width:1.8rem;height:.9rem;background:url(../images/arrow.png) no-repeat center center/1.8rem;top:50%;transform:translateY(-50%);right:4rem;content:''}
.dev-page .box3 .m .swiper-pagination-bullet-active{background:#21B6FD}

@media (max-width:1000px){
    .dev-page .tit .name{font-size:2.2rem;margin-bottom:1rem;line-height:3.4rem}
    
    .dev-page .box1{padding:0;background:none}
    .dev-page .box1 .detail{margin:2rem 0;}
    .dev-page .box1 .btn{padding:1.5rem 7rem 1.5rem 3rem;font-size:1.4rem;}
    
    .dev-page .box2{height:auto;background:#1E4677;padding:3rem 0}
    .dev-page .box2 video{display:none}
    .dev-page .box2 .width{position:static;transform:translateX(0);}
    .dev-page .box2 .swiper{display:block;}
    .dev-page .box2 .swiper-slide{border-radius:.5rem;padding:7rem 3rem;margin-bottom:2rem;background:url(../images/dev6.png) no-repeat center center/cover,linear-gradient(to bottom,#0F53A6,#043577)}
    .dev-page .box2 .swiper .name{display:flex;flex-direction:column;align-items:center;}
    .dev-page .box2 .swiper .icon{width:8rem;height:8rem;border-radius:50%;margin-bottom:3rem;position:relative}
    .dev-page .box2 .swiper .icon::before{content:'';position:absolute;width:10.8rem;height:10.8rem;transform:translate(-50%,-50%);border:1px dashed #3397DD;top:50%;left:50%;border-radius:50%}
    .dev-page .box2 .swiper .name>span:last-child{font-size:2.2rem;text-align:center}
    .dev-page .box2 .swiper .note{margin:2rem 0;}
    .dev-page .box2 .swiper .note.flex{display:flex;flex-wrap:wrap}
    .dev-page .box2 .swiper .note>p{text-align:center;font-size:1.6rem;color:#fff;margin-bottom:2rem;padding:1.5rem 0;border: 1px solid #0BCFCD;border-radius:5rem}
    .dev-page .box2 .swiper .note.flex>p{width:calc(50% - 1rem);}
    .dev-page .box2 .swiper .note.flex>p:nth-child(2n+1){margin-right:2rem}
    .dev-page .box2 .swiper-wrapper{padding-bottom:5rem;height:50rem}
    .dev-page .box2 .swiper-pagination-bullet-active{background:#21B6FD}
    
    .dev-page .box3{padding:5rem 0 2rem;background:#032857;height:auto}
    .dev-page .box3 .width{margin:0 auto}
    .dev-page .box3 .pc{display:none}
    .dev-page .box3 .m{display:block;}
}

@media (any-hover:hover){
    .dev-page .box1 .btn:hover{background:url(../images/arrow.png) no-repeat 80% center/1.8rem,linear-gradient(to right,#0DD4C5,#00B1FE)}
    
    .dev-page .box3 .pc .con .btn:hover{background:linear-gradient(to right,#005AF7,#0987F9);}
}

/*新闻*/
.article-page .cate{border-bottom:1px solid #e2e2e2;}
.article-page .cate .width{display:flex}
.article-page .cate a{margin-right:5rem;font-size:1.6rem;color:#666;border-bottom:2px #fff solid;line-height:9rem}
.article-page .cate a.active{color:#00A2E9;border-bottom:2px solid #00A2E9}

.article-page .head{padding:10rem 0 5rem;display:flex;justify-content:space-between;align-items:center;}
.article-page .head .img_bg{width:45%;border-radius:5rem 0 5rem 0}
.article-page .head .img{width:100%;padding-bottom:60%;}
.article-page .head .info{width:55%;padding-left:7rem}
.article-page .head .time{font-size:1.6rem;color:#666}
.article-page .head .name{font-size:2.6rem;margin:2.5rem 0 3rem;line-height:3.4rem}
.article-page .head .note{font-size:1.6rem;color:#666;line-height:3rem}
.article-page .head .btn{margin-top:4.5rem;padding:1.8rem 9rem 1.8rem 5rem;border-radius:5rem;display:inline-block;background:url(../images/arrow2.png) no-repeat 75% center/1.8rem;font-size:1.6rem;border:2px solid #00A2E9;color:#00A2E9}
.article-page .line{height:.3rem;background:linear-gradient(to right,#00B1FE,#0DD4C5)}

.article-page .item{display:flex;justify-content:space-between;align-items:center;padding:4.5rem 0;border-bottom:.1rem solid #e2e2e2;}
.article-page .item .img_bg{width:21%;border-radius:2rem 0 2rem 0}
.article-page .item .img{width:100%;padding-bottom:61%}
.article-page .item .info{width:67%;padding:0 6rem;border-right:1px #e2e2e2 solid}
.article-page .item .name{font-size:2rem;margin-bottom:1.5rem;line-height:3.4rem}
.article-page .item .note{font-size:1.6rem;color:#666;line-height:3.2rem;}
.article-page .item .time.pc{width:12%;display:flex;flex-direction:column;align-items:center;font-weight:bold;color:#666;}
.article-page .item .time.pc>span:first-child{font-size:4.8rem}
.article-page .item .time.pc>span:last-child{font-size:1.6rem}
.article-page .item .time.m{display:none;padding:1rem 0}
.article-page .page{margin-bottom:12rem}

.article-page .detail{padding:12rem 0}
.article-page .detail .name{font-size:3.6rem;line-height:4.8rem;text-align:center}
.article-page .detail .time{text-align:center;padding:3rem 0;color:#999;font-size:1.6rem}
.article-page .detail .con{border-top:1px #e2e2e2 solid;border-bottom:1px #e2e2e2 solid;padding:3rem 0 8rem}
.article-page .detail .con p{line-height:3.2rem;font-size:1.8rem !important;color:#666 !important;}
.article-page .detail .con a{display:inline-block !important}
.article-page .detail .con img{max-width:75rem !important;margin:0 auto !important;height:auto !important}
.article-page .detail .con video{max-width:75rem !important;margin:0 auto !important;height:auto !important}
.article-page .detail .jump{padding-top:4rem;display:flex;justify-content:space-between;align-items:center}
.article-page .detail .jump .info{color:#666;width:75%;font-size:1.6rem}
.article-page .detail .jump .info>a{line-height:3rem;}
.article-page .detail .jump .btn{width:20%}
.article-page .detail .jump .btn>a{display:inline-block;float:right;padding:2rem 5rem;background:linear-gradient(to right,#00B3FE,#0DD3C7);color:#fff;border-radius:5rem}

@media (max-width:1000px){
    .article-page .cate .width{margin:0 auto;overflow-x:auto;white-space:nowrap}
    .article-page .cate a{line-height:7rem;margin-right:3rem}
    
    .article-page .head{padding:0;flex-wrap:wrap}
    .article-page .head .img_bg{width:100%;margin-bottom:3rem}
    .article-page .head .info{width:100%;padding-left:0}
    .article-page .head .name{font-size:2rem;margin:1rem 0}
    .article-page .head .btn{margin-top:2rem;padding:1rem 6rem 1rem 2rem;}
    
    .article-page .item{flex-wrap:wrap;padding:0;margin-bottom:3rem}
    .article-page .item .img_bg{width:100%}
    .article-page .item .info{width:100%;padding:2rem 0;border-right:0}
    .article-page .item .name{margin-bottom:1rem;}
    .article-page .item .time.pc{display:none}
    .article-page .item .time.m{display:block}
    .article-page .page{margin-bottom:3rem}
    
    .article-page .detail{padding:0}
    .article-page .detail .name{font-size:2.5rem;line-height:4rem;}
    .article-page .detail .time{padding:2rem 0;}
    .article-page .detail .con{padding:3rem 0}
    .article-page .detail .con img{max-width:100% !important;}
    .article-page .detail .con video{max-width:100% !important;}
    .article-page .detail .jump{padding-top:2rem;flex-wrap:wrap;}
    .article-page .detail .jump .info{width:100%;margin-bottom:2rem}
    .article-page .detail .jump .btn{width:100%}
    .article-page .detail .jump .btn>a{float:none;padding:1.5rem 3rem;}
}

@media (any-hover:hover){
    .article-page .head .btn:hover{background:#00A2E9 url(../images/arrow.png) no-repeat 75% center/1.8rem;color:#fff;}
    
    .article-page .head .name:hover{background-image:linear-gradient(to right,#00b1ff,#0dd4c5);-webkit-background-clip:text;color:transparent}
    
    .article-page .detail .jump .btn>a:hover{background:linear-gradient(to right,#0DD3C7,#00B3FE)}
}

/*关于我们*/
.about-page .box1{padding:8rem 0}
.about-page .box1 .info{display:flex;justify-content:space-between;align-items:center}
.about-page .box1 .txt{width:43%}
.about-page .box1 .txt .name{font-size:4.8rem;font-weight:bold}
.about-page .box1 .txt .sub-name{font-size:1.6rem;color:#666;padding:2rem 0 3rem}
.about-page .box1 .txt .note>p{font-size:1.6rem;line-height:3rem;margin-bottom:2rem}
.about-page .box1 .img_bg{width:47%;border-radius:5rem 0 5rem 0}
.about-page .box1 .img{width:100%;padding-bottom:68%}
.about-page .box1 .num-animate{margin-top:5rem;background:url(../images/about1.png) no-repeat center center/137.4rem;height:18.9rem;display:flex;justify-content:space-between;align-items:center}
.about-page .box1 .num-animate .item{width:25%;}
.about-page .box1 .num-animate .item:first-child{padding-left:0}
.about-page .box1 .num-animate .item:nth-child(2){padding-left:6rem}
.about-page .box1 .num-animate .item:nth-child(3){padding-left:9rem}
.about-page .box1 .num-animate .item:last-child{padding-left:12rem}
.about-page .box1 .num-animate .num>span:first-child{font-size:6rem;font-weight:bold;margin-right:.5rem}
.about-page .box1 .num-animate .num>span:last-child{font-size:1.8rem}
.about-page .box1 .num-animate .name{font-size:1.6rem;color:#666;margin-top:1rem;}

.about-page .tit{text-align:center;margin-bottom:6rem}
.about-page .tit .name{font-size:4.8rem;font-weight:bold;margin-bottom:2rem}
.about-page .tit .note{font-size:1.6rem;color:#fff}

.about-page .box2{background:linear-gradient(to bottom,#01366B,#012649);position:relative;height:88rem}
.about-page .box2 video{height:100%;width:100%;object-fit:cover}
.about-page .box2 .width{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%)}
.about-page .box2 .con{display:flex;}
.about-page .box2 .item{width:calc(33.33% - 3.4rem);margin-right:5.1rem;border-radius:5rem 0 5rem 0;background:linear-gradient(to bottom,#033F81,#003280);border:1px solid #1A3860;padding:10rem 4rem;color:#fff}
.about-page .box2 .item:last-child{margin-right:0}
.about-page .box2 .item .icon-bg{border-radius:50%;background:linear-gradient(to right,#01B2FD,#0DD3C7);width:6rem;height:6rem;display:flex;justify-content:center;align-items:center}
.about-page .box2 .item .icon{width:3.4rem;height:3.4rem;}
.about-page .box2 .item .name{font-size:3rem;font-weight:bold;margin:3rem 0 2rem}
.about-page .box2 .item .sub-name{font-size:1.8rem;font-weight:bold;margin-bottom:2rem}
.about-page .box2 .item .note{line-height:2.4rem}

.about-page .box3{padding:10rem 0;background:#fff url(../images/about2.png) no-repeat center center}
.about-page .box3 .tit .note{color:#333}
.about-page .box3 .con{max-width:160rem;position:relative}
.about-page .box3 .con .item{display:flex;}
.about-page .box3 .con .img_bg{width:50%;border-radius:5rem 0 0 0}
.about-page .box3 .con .img{width:100%;padding-bottom:65%}
.about-page .box3 .con .info{width:50%;padding:0 6rem 0 9rem;background:#fff url(../images/about3.png) no-repeat right bottom/28.1rem;background-size:auto 65%;border-radius:0 0 5rem 0;display:flex;flex-direction:column;justify-content:center}
.about-page .box3 .con .info>span{font-size:9rem;font-weight:bold;padding-bottom:2rem;margin-bottom:3rem;border-bottom:1px solid #e2e2e2}
.about-page .box3 .con .info>p{font-size:1.6rem;line-height:3rem}
.about-page .box3 .arrow>div{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);width:5rem;height:5rem;border:2px #e2e2e2 solid;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:999;background:#fff}
.about-page .box3 .arrow .prev{left:0}
.about-page .box3 .arrow .next{right:0}
.about-page .box3 .arrow .icon{width:.9rem;height:1.2rem}
.about-page .box3 .arrow .prev .icon{background:url(../images/prev.png) no-repeat center center/.9rem}
.about-page .box3 .arrow .next .icon{background:url(../images/next.png) no-repeat center center/.9rem}
.about-page .box3 .year{position:relative;padding-bottom:12rem}
.about-page .box3 .year .line{position:absolute;bottom:0;left:0;right:0;border-bottom:1px #ccc solid;}
.about-page .box3 .year .width{position:absolute;bottom:-13px;left:50%;transform:translateX(-50%);z-index:999}
.about-page .box3 .year .item{cursor:pointer;text-align:center;font-size:2.4rem;font-weight:bold;color:rgba(0,0,0,.3);position:relative;padding:7rem 0 2.5rem;margin-bottom:1rem;}
.about-page .box3 .year .item::after{content:'';position:absolute;width:8px;height:8px;background:#B3B3B3;bottom:0;left:50%;transform:translateX(-50%);border-radius:50%}
.about-page .box3 .year .swiper-slide-thumb-active .item{background-image:linear-gradient(to right,#00b1ff,#0dd4c5);-webkit-background-clip:text;color:transparent;display:block;}
.about-page .box3 .year .swiper-slide-thumb-active .item::after{width:15px;height:15px;background:linear-gradient(to right,#01B5F8,#23D6CD);bottom:-4px}

.about-page .box4{padding:12rem 0;background:#00224D}
.about-page .box4 .con{position:relative}
.about-page .box4 .tag{width:calc(64% - 5.5rem);position:absolute;right:0;bottom:0;display:flex}
.about-page .box4 .tag .img_bg{cursor:pointer;width:calc(25% - 1.6rem);margin-right:2rem;background-color:#535353;border-radius:50%;}
.about-page .box4 .tag .img_bg:last-child{margin-right:0}
.about-page .box4 .tag .img_bg.active{border:5px #03BAF0 solid}
.about-page .box4 .tag .img{width:100%;height:100%;border-radius:50%}
.about-page .box4 .con .item{display:none}
.about-page .box4 .con .item>div{display:flex;}
.about-page .box4 .con .item .img_bg{width:36%;border-radius:5rem 0 5rem 0;}
.about-page .box4 .con .item .img{width:100%;padding-bottom:100%;background-color:#535353;background-size:auto 90%;background-position:center bottom;background-repeat:no-repeat}
.about-page .box4 .con .item .info{width:64%;padding:7rem 0 2rem 5.5rem;color:#fff}
.about-page .box4 .con .item .name{font-size:3.6rem;font-weight:bold;margin-bottom:2.5rem;display:flex;align-items:center}
.about-page .box4 .con .item .name>span{margin-left:3.5rem;background:linear-gradient(to right,#01B1FE,#0DD3C6);padding:.5rem 3rem;font-size:1.8rem;font-family:'microsoft yahei';border-radius:2rem 0 2rem 0}
.about-page .box4 .con .item .note{font-size:1.6rem;line-height:3rem}

.about-page .box5{padding:12rem 0}
.about-page .box5 .tit .note{color:#333}
.about-page .box5 .swiper{margin-top:4rem;padding:3rem 0;}
.about-page .box5 .swiper-wrapper{padding-bottom:5.5rem;}
.about-page .box5 .swiper-slide{background:#fff;border-radius:3rem 0 3rem 0;box-shadow:0 0 2rem #eee;padding:2rem;}
.about-page .box5 .border{border:1px #e2e2e2 solid;border-radius:3rem 0 3rem 0;padding:6rem 2rem;display:flex;flex-direction:column;align-items:center;}
.about-page .box5 .icon{width:12rem;height:12rem;border:1px solid #D0EEFB;border-radius:50%;}
.about-page .box5 .border .name{font-size:1.8rem;font-weight:bold;margin:6rem 0 1.5rem}
.about-page .box5 .note{line-height:2.4rem;text-align:center}
.about-page .box5 .swiper-pagination-progressbar{height:2px !important;bottom:0 !important;top:auto !important}
.about-page .box5 .swiper-pagination-progressbar-fill{background:#00A2E9 !important}

.about-page .box6{background:#F5F5F5;padding:12rem 0 9rem}
.about-page .box6 .tit .note{color:#333}
.about-page .box6 .swiper-wrapper{padding-bottom:3rem}
.about-page .box6 .swiper-slide{display:flex;flex-wrap:wrap;}
.about-page .box6 .img_bg{width:calc(20% - 2rem);margin-right:2.5rem;margin-bottom:2.5rem;background:#fff}
.about-page .box6 .img{width:100%;padding-bottom:35%}
.about-page .box6 .img_bg:nth-child(5n){margin-right:0}
.about-page .box6 .swiper-pagination-bullet-active{background:#21B6FD}

@media (max-width:1000px){
    .about-page .box1{padding:0}
    .about-page .box1 .info{flex-wrap:wrap}
    .about-page .box1 .txt{width:100%}
    .about-page .box1 .txt .name{font-size:3rem;}
    .about-page .box1 .txt .sub-name{padding:2rem 0}
    .about-page .box1 .img_bg{width:100%;}
    .about-page .box1 .num-animate{margin-top:2rem;background:none;height:auto;flex-wrap:wrap;align-items:flex-start}
    .about-page .box1 .num-animate .item{width:calc(50% - 1.5rem);margin-right:3rem;margin-bottom:3rem;display:flex;flex-direction:column;align-items:center;padding-left:0 !important}
    .about-page .box1 .num-animate .item:nth-child(2n){margin-right:0}
    .about-page .box1 .num-animate .num{}
    .about-page .box1 .num-animate .num>span:first-child{font-size:4rem}
    .about-page .box1 .num-animate .name{font-size:1.6rem;color:#666;margin-top:1rem;line-height:2.4rem;text-align:center}
    
    .about-page .tit{text-align:center;margin-bottom:3rem}
    .about-page .tit .name{font-size:3rem;margin-bottom:1rem}
    .about-page .tit .note{line-height:2.8rem}
    
    .about-page .box2{position:static;height:auto;padding:3rem 0}
    .about-page .box2 video{display:none}
    .about-page .box2 .width{position:static;width:calc(100% - 4rem);transform:translate(0,0);margin:0 auto}
    .about-page .box2 .con{flex-wrap:wrap}
    .about-page .box2 .item{width:100%;margin-right:0;padding:5rem 3rem;margin-bottom:3rem}
    .about-page .box2 .item .name{font-size:2.2rem;}
    
    .about-page .box3{padding:1rem 0 3rem;background:#fff}
    .about-page .box3 .con .swiper{width:100%}
    .about-page .box3 .con .item{flex-wrap:wrap;}
    .about-page .box3 .con .img_bg{width:100%;border-radius:5rem}
    .about-page .box3 .con .info{width:100%;padding:2rem;height:32rem;justify-content:flex-start}
    .about-page .box3 .con .info>span{font-size:4rem;padding-bottom:1rem;margin-bottom:2rem;}
    .about-page .box3 .arrow{display:none}
    .about-page .box3 .year .line{bottom:3rem}
    .about-page .box3 .year{padding-bottom:9rem}
    
    .about-page .box4{padding:5rem 0}
    .about-page .box4 .width{margin:0 auto}
    .about-page .box4 .con{position:static}
    .about-page .box4 .tag{width:100%;position:static;margin-top:2rem}
    .about-page .box4 .tag .img_bg{width:calc(25% - .8rem);margin-right:1rem;}
    .about-page .box4 .tag .img_bg:last-child{margin-right:0}
    .about-page .box4 .tag .img_bg.active{border:3px #03BAF0 solid}
    .about-page .box4 .con .item>div{flex-wrap:wrap}
    .about-page .box4 .con .item .img_bg{width:100%}
    .about-page .box4 .con .item .info{width:100%;padding:2rem 0}
    .about-page .box4 .con .item .name{font-size:3rem;margin-bottom:1.5rem;}
    .about-page .box4 .con .item .name>span{margin-left:2rem;}
    
    .about-page .box5{padding:1rem 0}
    .about-page .box5 .swiper{margin-top:0;}
    .about-page .box5 .swiper-wrapper{padding-bottom:1rem;}
    
    .about-page .box6{padding:1rem 0}
    .about-page .box6 .img_bg{width:calc(33.3% - 1rem);margin-right:1.5rem;margin-bottom:1.5rem;}
    .about-page .box6 .img{padding-bottom:45%}
    .about-page .box6 .img_bg:nth-child(5n){margin-right:1.5rem}
    .about-page .box6 .img_bg:nth-child(3n){margin-right:0}
}

@media (any-hover:hover){
    .about-page .box2 .item:hover{background:linear-gradient(to bottom,#003280,#033F81)}
    
    .about-page .box3 .arrow>div:hover{background:linear-gradient(to bottom,#00B2FE,#0CD0CB);border:0}
    .about-page .box3 .arrow>div.prev:hover .icon{background:url(../images/prev-white.png) no-repeat center center/.9rem}
    .about-page .box3 .arrow>div.next:hover .icon{background:url(../images/next-white.png) no-repeat center center/.9rem}
}

/*业务布局*/
.bus-page .tit{text-align:center;margin-bottom:6rem}
.bus-page .tit .name{font-size:4.8rem;font-weight:bold;margin-bottom:2rem}
.bus-page .tit .note{font-size:1.6rem;text-align:center;line-height:3rem;width:70%;margin:0 auto}

.bus-page .box1{padding:12rem 0}
.bus-page .box1 .tit .note{line-height:3rem}
.bus-page .box1 .con{display:flex;margin-bottom:3.5rem;margin-top:3rem}
.bus-page .box1 .con .item{width:calc(25% - 3.75rem);margin-right:5rem;display:flex;flex-direction:column;align-items:center}
.bus-page .box1 .con .item:last-child{margin-right:0}
.bus-page .box1 .con .icon{width:10.1rem;height:10.9rem;margin-bottom:3rem}
.bus-page .box1 .con .name{font-size:1.6rem;text-align:center}
.bus-page .box1 .num{display:flex;padding-top:3.5rem;position:relative}
.bus-page .box1 .num .line{border-top:1px #e2e2e2 solid;position:absolute;top:0;left:50%;transform:translateX(-50%);width:calc(100% - (25% - 3.75rem))}
.bus-page .box1 .num .item{width:calc(25% - 3.75rem);margin-right:5rem;text-align:center;position:relative}
.bus-page .box1 .num .item:last-child{margin-right:0}
.bus-page .box1 .num .item::before{content:'';position:absolute;top:-4.4rem;left:50%;transform:translateX(-50%);width:1.5rem;height:1.6rem;background:url(../images/bus1.png) no-repeat center center/1.5rem}
.bus-page .box1 .num .item>span{font-size:4.8rem;opacity:.5;}

.bus-page .box2{height:88rem;position:relative;background:linear-gradient(to bottom,#01366B,#012649)}
.bus-page .box2 video{height:100%;width:100%;object-fit:cover}
.bus-page .box2 .width{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%)}
.bus-page .box2 .tit{margin-bottom:3rem}
.bus-page .box2 .tit .note{color:#fff}
.bus-page .box2 .swiper-wrapper{display:flex;padding-bottom:5rem}
.bus-page .box2 .swiper-slide{background:linear-gradient(to bottom,#034082,#003381);padding:7rem 3rem 5rem;border-radius:5rem 0 5rem 0;display:flex;flex-direction:column;align-items:center}
.bus-page .box2 .img{width:17.3rem;height:26.5rem}
.bus-page .box2 .swiper-slide .name{font-size:2.4rem;font-weight:bold;margin:4.5rem 0 2rem}
.bus-page .box2 .swiper-slide .note{font-size:1.6rem;color:#fff;opacity:.5;line-height:2.8rem}
.bus-page .box2 .swiper-pagination-bullet{opacity:.5;background:#fff}
.bus-page .box2 .swiper-pagination-bullet-active{opacity:1}

.bus-page .box3{background:#EFF3F7;padding:12rem 0}
.bus-page .box3 .con.pc{display:flex;height:48rem;cursor:pointer}
.bus-page .box3 .pc .item{margin-right:.5rem;width:calc(40% / 3 - .5rem);position:relative;transition:.3s;background:#fff;border-radius:2rem}
.bus-page .box3 .pc .item:last-child{margin-right:0}
.bus-page .box3 .pc .big{height:48rem;width:100%;opacity:0;position:absolute;top:0;left:0;z-index:999;transition:.3s;}
.bus-page .box3 .pc .big .img{width:100%;height:100%;border-radius:2rem}
.bus-page .box3 .pc .big .info{position:absolute;bottom:0;width:100%;z-index:1000;padding:5rem;background:linear-gradient(to bottom,transparent,#063168);color:#fff}
.bus-page .box3 .pc .big .name{font-size:3rem;margin-bottom:1rem}
.bus-page .box3 .pc .big .note{font-size:1.6rem;line-height:2.8rem}
.bus-page .box3 .pc .small{height:48rem;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:.3s;}
.bus-page .box3 .pc .small .icon{width:5rem;height:4.3rem;margin-bottom:2rem}
.bus-page .box3 .pc .small .name{font-size:1.8rem;text-align:center;line-height:2.4rem}
.bus-page .box3 .pc .item.active{width:60%}
.bus-page .box3 .pc .item.active .big{opacity:1}
.bus-page .box3 .pc .con .item.active .small{opacity:0}
.bus-page .box3 .con.m{display:none}
.bus-page .box3 .swiper-wrapper{padding-bottom:2rem}
.bus-page .box3 .m .img{width:100%;padding-bottom:60%;border-radius:2rem}
.bus-page .box3 .m .info{padding:2rem 0}
.bus-page .box3 .m .name{font-size:2.4rem;margin-bottom:1rem}
.bus-page .box3 .m .note{font-size:1.6rem;line-height:2.4rem}

.bus-page .box4{padding:12rem 0}
.bus-page .box4 .con{display:flex;border:1px #E5EEFE solid}
.bus-page .box4 .item{width:25%;border-right:1px #E5EEFE solid;padding:5rem;display:flex;align-items:center;justify-content:space-between}
.bus-page .box4 .item:last-child{border-right:0}
.bus-page .box4 .icon{width:8rem;height:8rem;border-radius:50%;border:1px #CFEDFB solid;}
.bus-page .box4 .info{width:calc(100% - 10rem)}
.bus-page .box4 .info .name{display:flex;align-items:flex-end;margin-bottom:.5rem}
.bus-page .box4 .info .name>span:first-child{font-size:3.6rem;font-weight:bold;margin-right:1rem}
.bus-page .box4 .info .name>span:last-child{margin-bottom:.5rem}
.bus-page .box4 .info .note{font-size:1.6rem}

@media (max-width:1000px){
    .bus-page .tit{text-align:center;margin-bottom:3rem}
    .bus-page .tit .name{font-size:3rem;margin-bottom:1rem;}
    .bus-page .tit .note{width:100%}
    
    .bus-page .box1{padding:0}
    .bus-page .box1 .con{flex-wrap:wrap;margin-bottom:0}
    .bus-page .box1 .con .item{width:calc(50% - 1.5rem);margin-right:3rem;margin-bottom:3rem}
    .bus-page .box1 .con .item:last-child{margin-right:3rem}
    .bus-page .box1 .con .item:nth-child(2n){margin-right:0}
    .bus-page .box1 .con .icon{width:10.1rem;height:10.9rem;margin-bottom:3rem}
    .bus-page .box1 .con .name{font-size:1.6rem}
    .bus-page .box1 .num{display:none}
    
    .bus-page .box2{padding:3rem 0}
    .bus-page .box2 video{display:none}
    .bus-page .box2 .width{width:calc(100% - 4rem)}
    
    .bus-page .box3{padding:3rem 0}
    .bus-page .box3 .con.pc{display:none}
    .bus-page .box3 .con.m{display:block}
    
    .bus-page .box4{padding:3rem 0}
    .bus-page .box4 .con{flex-wrap:wrap;border:0}
    .bus-page .box4 .item{width:calc(50% - 1.5rem);margin-right:3rem;border-right:0;padding:0;flex-direction:column;margin-bottom:3rem;justify-content:flex-start}
    .bus-page .box4 .item:nth-child(2n){margin-right:0}
    .bus-page .box4 .icon{margin-bottom:2rem}
    .bus-page .box4 .info{width:100%;display:flex;align-items:center;flex-direction:column;justify-content:flex-start}
    .bus-page .box4 .info .name{display:flex;align-items:flex-end;margin-bottom:.5rem}
    .bus-page .box4 .info .name>span:first-child{font-size:3rem;}
    .bus-page .box4 .note{font-size:1.6rem;line-height:2.8rem}
}

/*联系我们*/
.contact-page .tit{text-align:center;margin-bottom:6rem}
.contact-page .tit .name{font-size:4.8rem;font-weight:bold;margin-bottom:2rem}
.contact-page .tit .note{font-size:1.6rem;line-height:2.4rem;text-align:center}

.contact-page .box1{padding:12rem 0}
.contact-page .box1 .con{display:flex}
.contact-page .box1 .item{width:calc(25% - 6.75rem);margin-right:9rem}
.contact-page .box1 .item:last-child{margin-right:0}
.contact-page .box1 .item .name{border-bottom:1px #e2e2e2 solid;padding-bottom:2rem;margin-bottom:2rem}
.contact-page .box1 .item .name>span:first-child{font-size:6rem;font-weight:bold;margin-right:1rem}
.contact-page .box1 .item .name>span:last-child{font-size:1.8rem}
.contact-page .box1 .item .note{font-size:1.6rem;color:#666;line-height:2.4rem}

.contact-page .box2{padding:12rem 0;background:linear-gradient(to bottom,#00224D,#003896)}
.contact-page .box2 .tit .note{color:#fff}
.contact-page .box2 .item{margin-bottom:5.5rem;display:flex;justify-content:space-between}
.contact-page .box2 .img_bg{width:51.4%;border-radius:10rem 0 10rem 0}
.contact-page .box2 .img{width:100%;padding-bottom:63%}
.contact-page .box2 .info{width:44%;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.contact-page .box2 .info .name{font-weight:bold;font-size:4rem;margin-bottom:8rem;position:relative;}
.contact-page .box2 .info .name>span{position:absolute;left:-5.5rem;top:35%;transform:translateY(-50%);font-size:18rem;color:#fff;opacity:.05}
.contact-page .box2 .info .note{font-size:1.6rem;line-height:3rem;color:#fff}
.contact-page .box2 .item.odd .img_bg{border-radius:0 10rem 0 10rem}
.contact-page .box2 .item.odd .info{padding-left:0;padding-right:8rem}
.contact-page .box2 .m{display:none}

.contact-page .box3{padding:12rem 0;}
.contact-page .box3 .item{margin-bottom:1.5rem;}
.contact-page .box3 .item .info{padding:2.5rem 4rem;border-radius:1rem;border:1px solid #E0EBFE;align-items:center;display:flex;cursor:pointer;background:#F9FCFF;display:flex;justify-content:space-between}
.contact-page .box3 .item .name{font-size:1.8rem;}
.contact-page .box3 .item .txt{display:flex;height:1.5rem;line-height:1.5rem;color:#666}
.contact-page .box3 .item .txt>span:first-child{border-right:1px solid rgba(255,255,255,.5);padding-right:2rem;margin-right:2rem}
.contact-page .box3 .item .body{background:#F9FCFF;padding:3rem 6rem 3rem;display:none;}
.contact-page .box3 .item .body p{font-size:1.6rem;line-height:3.6rem;color:#666;}
.contact-page .box3 .item .body img{max-width:100%;margin:0 auto}
.contact-page .box3 .item .email{font-size:1.8rem !important;margin-top:2rem}
.contact-page .box3 .item.active .info{background:linear-gradient(to right,#00B1FF,#0DD4C5);color:#fff;border-radius:1rem 1rem 0 0;}
.contact-page .box3 .item.active .name{color:#fff}
.contact-page .box3 .item.active .txt{color:#fff}
.contact-page .box3 .btn{margin-top:6rem;cursor:pointer;padding:1.8rem 5rem;border-radius:5rem;display:inline-block;font-size:1.6rem;border:1px solid #00a2e9;color:#00a2e9}
.contact-page .box3 .btn.active{padding:1.8rem 5rem 1.8rem 8rem;background:url(../images/load.png) no-repeat 25% center/1.8rem;}

@media (max-width:1000px){
    .contact-page .tit{text-align:center;margin-bottom:3rem}
    .contact-page .tit .name{font-size:3rem;margin-bottom:1rem}
    
    .contact-page .box1{padding:3rem 0}
    .contact-page .box1 .con{flex-wrap:wrap}
    .contact-page .box1 .item{width:calc(50% - 1.5rem);margin-right:3rem;margin-bottom:3rem;display:flex;flex-direction:column;align-items:center}
    .contact-page .box1 .item:last-child{margin-right:3rem}
    .contact-page .box1 .item:nth-child(2n){margin-right:0}
    .contact-page .box1 .item .name{border-bottom:0;padding-bottom:0;margin-bottom:1rem}
    .contact-page .box1 .item .name>span:first-child{font-size:4rem}
    .contact-page .box1 .item .name>span:last-child{font-size:1.4rem}
    .contact-page .box1 .item .note{text-align:center}
    
    .contact-page .box2{padding:3rem 0;}
    .contact-page .box2 .pc{display:none}
    .contact-page .box2 .m{display:block}
    .contact-page .box2 .item{margin-bottom:3rem;display:block}
    .contact-page .box2 .img_bg{width:100%;margin-bottom:2rem}
    .contact-page .box2 .img{width:100%;padding-bottom:63%}
    .contact-page .box2 .info{width:100%;display:block;overflow:auto}
    .contact-page .box2 .info .name{font-size:2.4rem;margin-bottom:1rem;position:static;}
    .contact-page .box2 .info .name>span{display:none}
    
    .contact-page .box3{padding:3rem 0;}
    .contact-page .box3 .item .info{padding:2rem;display:block;}
    .contact-page .box3 .item .name{margin-bottom:1rem}
    .contact-page .box3 .item .txt>span:first-child{padding-right:1rem;margin-right:1rem}
    .contact-page .box3 .item .body{padding:2rem}
    .contact-page .box3 .item .email{line-height:3rem}
    .contact-page .box3 .btn{margin-top:1rem;padding:1.5rem 4rem}
    .contact-page .box3 .btn.active{padding:1.5rem 4rem 1.5rem 6rem;}
}

/*产品*/
.goods-page .width{max-width:1600px}

.goods-page.list{padding:120px 0 40px}
.goods-page.list li{padding:120px 140px 120px 150px;display:flex;align-items:center;background:#f9f9f9;border-radius:20px;margin-bottom:80px;border:1px solid #eee}
.goods-page.list li>.img-div{width:450px;height:500px}
.goods-page.list .info{width:calc(100% - 450px);padding-left:150px}
.goods-page.list .info>a:nth-of-type(1){font-size:48px;display:block !important}
.goods-page.list .info>p{font-size:20px;color:#666;border-bottom:1px #eee solid;padding-bottom:25px;margin:10px 0 50px}
.goods-page.list .items{display:flex;flex-wrap:wrap}
.goods-page.list .item{width:50%;display:flex;align-items:center;margin-bottom:50px}
.goods-page.list .items.odd .item:last-child{width:100%}
.goods-page.list .item:nth-child(2n+1){padding-right:30px}
.goods-page.list .item .img-div{width:52px;height:44px}
.goods-page.list .item>p{font-size:24px;flex:1;padding-left:20px}
.goods-page.list .info>a:nth-of-type(2){width:200px;height:60px;padding-left:40px;line-height:60px;background:url(../images/2.png) no-repeat 75% center/18px,linear-gradient(to right,#0dd4c5,#00b1ff);border-radius:30px;font-size:16px;color:#fff}

.goods-page.detail .tit-name{font-size:48px;line-height:58px}
.goods-page.detail .tit-note{font-size:16px;line-height:30px;color:#666;max-width: 1000px;margin:30px auto 0}

.goods-page.detail .base{position:relative;overflow:hidden}
.goods-page.detail .base .m{display:none}
.goods-page.detail .base .pc{width:100%;padding-bottom:50%}
.goods-page.detail .base video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}
.goods-page.detail .base .info{text-align:center;color:#fff;position:absolute;top:18%;left:50%;transform:translateX(-50%)}
.goods-page.detail .base .info>p:nth-of-type(1){font-size:60px;line-height:70px}
.goods-page.detail .base .info>p:nth-of-type(2){font-size:20px;line-height:30px;opacity:.6;margin:15px 0 65px}

.goods-page.detail .box1{background:#f5f7fa;padding:110px 0 130px;text-align:center}

.goods-page.detail .box2{position:relative;padding:120px 0}
.goods-page.detail .box2 .width{position:relative;z-index:2;display:flex;align-items:flex-start}
.goods-page.detail .box2 .con{flex:1;padding-right:20px;padding-top:30px}
.goods-page.detail .box2 ul{display:flex;flex-wrap:wrap;margin-top:55px}
.goods-page.detail .box2 li{width:calc(50% - 100px);margin-right:100px;margin-bottom:40px}
.goods-page.detail .box2 .img-div{width:52px;height:44px}
.goods-page.detail .box2 li>p:nth-of-type(1){font-size:24px;line-height:34px;margin:25px 0 10px}
.goods-page.detail .box2 li>p:nth-of-type(2){font-size:16px;line-height:30px;color:#666}
.goods-page.detail .box2 .swiper{width:46.25%;padding-bottom:50px}
.goods-page.detail .box2 .img_bg{border-radius:35px}
.goods-page.detail .box2 .img{padding-bottom:87.83%;width:100%}
.goods-page.detail .box2 .swiper-pagination-bullet{background:#ccc;opacity:1;width:10px;height:10px;margin:0 5px}
.goods-page.detail .box2 .swiper-pagination-bullet-active{background:linear-gradient(to right,#0dd4c5,#00b1ff)}
.goods-page.detail .box2 .waves{width:100%;height:600px;position:absolute;bottom:0;left:0}

.goods-page.detail .box3{background:#eff0f0;padding:100px 0 130px}
.goods-page.detail .box3 .tit{display:flex}
.goods-page.detail .box3 .tit-txt{width:63.75%}
.goods-page.detail .box3 .arrow{width:36.25%;display:flex;align-items:flex-end}
.goods-page.detail .box3 .swiper-pagination{position:static;text-align:right}
.goods-page.detail .box3 .swiper-pagination-bullet{background:#ccc;opacity:1;width:14px;height:14px;margin:0 8px}
.goods-page.detail .box3 .swiper-pagination-bullet-active{background:linear-gradient(to right,#0dd4c5,#00b1ff)}
.goods-page.detail .box3 .con{background:#fff;border-radius:20px;margin-top:50px}
.goods-page.detail .box3 .tag{height:50px;background:#f7f7f7;border-radius:20px 20px 0 0;display:flex;align-items:center;padding-left:30px}
.goods-page.detail .box3 .tag>span{width:8px;height:8px;border-radius:50%}
.goods-page.detail .box3 .tag>span:first-child{background:#ef3219}
.goods-page.detail .box3 .tag>span:nth-child(2){background:#f18636;margin:0 5px}
.goods-page.detail .box3 .tag>span:last-child{background:#76ca17}
.goods-page.detail .box3 .img-div{padding:30px}

.goods-page.detail .box4{display:flex;align-items:flex-start;padding:140px 0 220px}
.goods-page.detail .box4 .m{display:none}
.goods-page.detail .box4 .swiper{width:46.25%;padding-bottom:50px}
.goods-page.detail .box4 .swiper-slide{height:auto}
.goods-page.detail .box4 .swiper-slide>img{width:100%}
.goods-page.detail .box4 .swiper-pagination-bullet{background:#ccc;opacity:1;width:10px;height:10px;margin:0 5px}
.goods-page.detail .box4 .swiper-pagination-bullet-active{background:linear-gradient(to right,#0dd4c5,#00b1ff)}
.goods-page.detail .box4 .con{flex:1;padding-left:120px}
.goods-page.detail .box4 ul{display:flex;flex-wrap:wrap;margin-top:55px}
.goods-page.detail .box4 li{width:calc(50% - 50px);margin-bottom:40px}
.goods-page.detail .box4 li:nth-child(2n){margin-left:100px}
.goods-page.detail .box4 li .img-div{width:52px;height:44px}
.goods-page.detail .box4 li>p:nth-of-type(1){font-size:24px;line-height:34px;margin:25px 0 10px}
.goods-page.detail .box4 li>p:nth-of-type(2){font-size:16px;line-height:30px;color:#666}

.goods-page.detail .box5{background:#eff0f0}
.goods-page.detail .box5 .width{position:relative;padding:110px 0 150px}
.goods-page.detail .box5 .tit{width:67%;display:flex}
.goods-page.detail .box5 .tit-name{width:19%}
.goods-page.detail .box5 .tit-txt{flex:1;padding-left:100px}
.goods-page.detail .box5 .tit-txt>p{font-size:24px;line-height:34px}
.goods-page.detail .box5 .tit-note{margin-top:20px}
.goods-page.detail .box5 .img-div{position:absolute;right:0;bottom:0;}

.goods-page.detail .box6{display:flex;align-items:center;padding-bottom:120px}
.goods-page.detail .box6 .m{display:none}
.goods-page.detail .box6 .swiper{width:46.25%;padding-bottom:50px}
.goods-page.detail .box6 .swiper-slide{height:auto;border-radius:35px}
.goods-page.detail .box6 .img{width:100%;padding-bottom:87.83%}
.goods-page.detail .box6 .swiper-pagination-bullet{background:#ccc;opacity:1;width:10px;height:10px;margin:0 5px}
.goods-page.detail .box6 .swiper-pagination-bullet-active{background:linear-gradient(to right,#0dd4c5,#00b1ff)}
.goods-page.detail .box6 .con{flex:1;padding-left:120px}
.goods-page.detail .box6 ul{display:flex;flex-wrap:wrap;margin-top:55px}
.goods-page.detail .box6 li{width:calc(50% - 50px);margin-bottom:40px}
.goods-page.detail .box6 li:nth-child(2n){margin-left:100px}
.goods-page.detail .box6 li .img-div{width:52px;height:44px}
.goods-page.detail .box6 li>p:nth-of-type(1){font-size:24px;line-height:34px;margin:25px 0 10px}
.goods-page.detail .box6 li>p:nth-of-type(2){font-size:16px;line-height:30px;color:#666}

.goods-page.detail .box7{display:flex;align-items:center;padding-bottom:200px}
.goods-page.detail .box7 .con{flex:1;padding-right:120px}
.goods-page.detail .box7 ul{display:flex;flex-wrap:wrap;margin-top:55px}
.goods-page.detail .box7 li{width:calc(50% - 50px);margin-bottom:40px}
.goods-page.detail .box7 li:nth-child(2n+1){margin-right:100px}
.goods-page.detail .box7 li .img-div{width:52px;height:44px}
.goods-page.detail .box7 li>p:nth-of-type(1){font-size:24px;line-height:34px;margin:25px 0 10px}
.goods-page.detail .box7 li>p:nth-of-type(2){font-size:16px;line-height:30px;color:#666}
.goods-page.detail .box7 .img_bg{width:46.25%;border-radius:35px}
.goods-page.detail .box7 .img{width:100%;padding-bottom:87.83%}

@media (max-width:750px){
    .goods-page.list{padding:20px 0}
    .goods-page.list li{padding:50px 25px 30px;display:block;border-radius:10px;margin-bottom:30px}
    .goods-page.list li>.img-div{width:100%;height:auto}
    .goods-page.list li>.img-div>img{max-width:80%;margin-bottom:30px}
    .goods-page.list .info{width:100%;padding-left:0}
    .goods-page.list .info>a:nth-of-type(1){font-size:20px;text-align:center}
    .goods-page.list .info>p{font-size:14px;padding-bottom:15px;margin:10px 0 20px;text-align:center}
    .goods-page.list .item{width:50%;display:block;margin-bottom:30px}
    .goods-page.list .item:nth-child(2n+1){padding-right:20px}
    .goods-page.list .item .img-div{width:42px;height:34px;margin:0 auto 10px}
    .goods-page.list .item>p{font-size:14px;padding-left:0;text-align:center}
    .goods-page.list .info>a:nth-of-type(2){width:150px;height:45px;margin:0 auto;padding-left:30px;line-height:45px;background:url(../images/2.png) no-repeat 75% center/14px,linear-gradient(to right,#0dd4c5,#00b1ff);border-radius:30px;font-size:14px}
    
    .goods-page.detail .tit-name{font-size:25px;line-height:35px;text-align:center;display:block}
    .goods-page.detail .tit-note{font-size:14px;line-height:24px;margin-top:15px;text-align:justify}
    
    .goods-page.detail .base .m{display:block;padding-bottom:133.33%}
    .goods-page.detail .base .pc{display:none}
    .goods-page.detail .base video{display:none}
    .goods-page.detail .base .info{top:80px}
    .goods-page.detail .base .info>p:nth-of-type(1){font-size:30px;line-height:40px}
    .goods-page.detail .base .info>p:nth-of-type(2){font-size:14px;line-height:24px;margin:10px 0 40px}
    .goods-page.detail .base .img-div{width:80%;margin:0 auto}
    
    .goods-page.detail .box1{padding:20px 0}
    
    .goods-page.detail .box2{padding:20px 0}
    .goods-page.detail .box2 .width{display:block}
    .goods-page.detail .box2 .con{padding-right:0;padding-top:0}
    .goods-page.detail .box2 ul{margin:0 0 30px}
    .goods-page.detail .box2 li{width:100%;margin-right:0;margin-bottom:0;border-bottom:1px #eee solid;padding:30px 0}
    .goods-page.detail .box2 .img-div{width:42px;height:34px;margin: 0 auto;}
    .goods-page.detail .box2 li>p:nth-of-type(1){font-size:18px;line-height:28px;margin:10px 0;text-align: center;}
    .goods-page.detail .box2 li>p:nth-of-type(2){font-size:14px;line-height:24px;text-align: justify;}
    .goods-page.detail .box2 .swiper{width:100%;padding-bottom:0}
    .goods-page.detail .box2 .img_bg{border-radius:25px}
    .goods-page.detail .box2 .swiper-pagination-bullet{width:8px;height:8px}
    .goods-page.detail .box2 .waves{height:300px}
    
    .goods-page.detail .box3{padding:20px 0 50px;position:relative}
    .goods-page.detail .box3 .tit{display:block}
    .goods-page.detail .box3 .tit-txt{width:100%}
    .goods-page.detail .box3 .arrow{width:calc(100% - 40px);left:20px;display:block;position:absolute;bottom:40px}
    .goods-page.detail .box3 .swiper-pagination{width:100%;text-align:center}
    .goods-page.detail .box3 .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px}
    .goods-page.detail .box3 .con{border-radius:10px;margin-top:30px}
    .goods-page.detail .box3 .tag{height:45px;border-radius:10px 10px 0 0;padding-left:25px}
    .goods-page.detail .box3 .img-div{padding:20px}
    
    .goods-page.detail .box4{display:block;padding:20px 0 0}
    .goods-page.detail .box4 .pc{display:none}
    .goods-page.detail .box4 .m{display:block}
    .goods-page.detail .box4 .swiper{width:100%;padding-bottom:50px;margin-bottom:20px}
    .goods-page.detail .box4 .swiper-pagination-bullet{width:8px;height:8px}
    .goods-page.detail .box4 .con{padding-left:0}
    .goods-page.detail .box4 ul{margin-top:0}
    .goods-page.detail .box4 li{width:100%;margin-bottom:0;padding:30px 0;border-bottom:1px #eee solid}
    .goods-page.detail .box4 li:last-child{border-bottom:0}
    .goods-page.detail .box4 li:nth-child(2n){margin-left:0}
    .goods-page.detail .box4 li .img-div{width:42px;height:34px;margin:0 auto}
    .goods-page.detail .box4 li>p{text-align:center}
    .goods-page.detail .box4 li>p:nth-of-type(1){font-size:18px;line-height:28px;margin:15px 0 10px}
    .goods-page.detail .box4 li>p:nth-of-type(2){font-size:14px;line-height:24px;text-align: justify;}
    
    .goods-page.detail .box5 .width{padding:50px 0 0;margin-bottom:0}
    .goods-page.detail .box5 .tit{width:100%;display:block;text-align:center;margin-bottom:30px}
    .goods-page.detail .box5 .tit-name{width:100%;margin-bottom:10px}
    .goods-page.detail .box5 .tit-txt{padding-left:0}
    .goods-page.detail .box5 .tit-txt>p{font-size:20px;line-height:30px}
    .goods-page.detail .box5 .tit-note{margin-top:10px}
    .goods-page.detail .box5 .img-div{position:static;width:50%;margin:0 auto}
    
    .goods-page.detail .box6{display:block;padding-bottom:20px}
    .goods-page.detail .box6 .pc{display:none}
    .goods-page.detail .box6 .m{display:block}
    .goods-page.detail .box6 .swiper{width:100%;padding-bottom:0}
    .goods-page.detail .box6 .swiper-slide{border-radius:25px}
    .goods-page.detail .box6 .swiper-pagination-bullet{width:8px;height:8px}
    .goods-page.detail .box6 .con{padding-left:0}
    .goods-page.detail .box6 ul{display:block;margin-top:0}
    .goods-page.detail .box6 li{width:100%;margin-bottom:0;padding:30px 0;border-bottom:1px solid #eee}
    .goods-page.detail .box6 li:nth-child(2n){margin-left:0}
    .goods-page.detail .box6 li .img-div{width:42px;height:34px;margin:0 auto}
    .goods-page.detail .box6 li>p{text-align:center}
    .goods-page.detail .box6 li>p:nth-of-type(1){font-size:18px;line-height:28px;margin:15px 0 10px}
    .goods-page.detail .box6 li>p:nth-of-type(2){font-size:14px;line-height:24px;text-align: justify;}
    
    .goods-page.detail .box7{display:block;padding-bottom:20px}
    .goods-page.detail .box7 .con{padding-right:0}
    .goods-page.detail .box7 ul{display:block;margin-top:0}
    .goods-page.detail .box7 li{width:100%;margin-bottom:0;padding:30px 0;border-bottom:1px solid #eee}
    .goods-page.detail .box7 li:nth-child(2n+1){margin-right:0}
    .goods-page.detail .box7 li .img-div{width:42px;height:34px;margin:0 auto}
    .goods-page.detail .box7 li>p{text-align:center}
    .goods-page.detail .box7 li>p:nth-of-type(1){font-size:18px;line-height:28px;margin:15px 0 10px}
    .goods-page.detail .box7 li>p:nth-of-type(2){font-size:14px;line-height:24px;text-align: justify;}
    .goods-page.detail .box7 .img_bg{width:100%;border-radius:25px}
}

@media (any-hover:hover){
    .goods-page.list .info>a:nth-of-type(1):hover{background-image:linear-gradient(to right,#0dd4c5,#00b1ff)}
    .goods-page.list .info>a:nth-of-type(2):hover{background:url(../images/2.png) no-repeat 75% center/18px,linear-gradient(to right,#00b1ff,#0dd4c5)}
}